<template>
    <div class="home-wrap">
        <div class="story">
            <div class="story-title">故事 入人心</div>
            <div class="wrap">
                <div v-for="item in 14" :key="item" class="item">
                    <div class="content">dadf</div>
                </div>
            </div>
        </div>
        <div class="story">
            <div class="story-title">故事 入人心</div>
            <div class="wrap">
                <div v-for="item in 14" :key="item" class="item">
                    <div class="content">dadf</div>
                </div>
            </div>
        </div>
        <div class="story">
            <div class="story-title">故事 入人心</div>
            <div class="wrap">
                <div v-for="item in 14" :key="item" class="item">
                    <div class="content">dadf</div>
                </div>
            </div>
        </div>
        <div class="story">
            <div class="story-title">故事 入人心</div>
            <div class="wrap">
                <div v-for="item in 14" :key="item" class="item">
                    <div class="content">dadf</div>
                </div>
            </div>
        </div>
        <div class="story">
            <div class="story-title">故事 入人心</div>
            <div class="wrap">
                <div v-for="item in 14" :key="item" class="item">
                    <div class="content">dadf</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="less">
.home-wrap{
    width: 90%;
    margin: 0 auto;
    // height: 1000px;
    border: 1px solid red;
    .story{
        .story-title{
            width: 380px;
            font-size: 50px;
            font-weight: bolder;
            margin: 0 auto;
            text-align: center;
            padding: 30px 0;
            // border: 1px solid green;
        }
        .wrap{
            .item{
                display: inline-block;
                // border: 1px solid pink;
                width: 25%;
                text-align: center;
                min-width: 360px;
                padding: 0 10px;
                margin-bottom: 15px;
                .content{
                    height: 360px;
                    border: 1px solid red;
                }
            }
        }
    }
}
</style>